JAMstack Better way of making Web App with Flutter
What come to our mind when we speak about Flutter? Obviously first thought comes to mind that cool mobile apps can be build with Flutter. That's perfectly fine. However, flutter comes with web features as well.
The most interesting stuff I come across is JAMstack.
It was so amazing that I can’t resist myself on creating on POC. An it was indeed great experience. Here is the first website I have created with JAMstack and Flutter.
The key thing
The key thing was able to deploy website without going into the nitty gritty of sever management and deployment. This sound like really next wave of improving developer’s productivity and freeing yourself from mundane tasks. JAMstack is working hard for us so that we can focus more on core functionalists and not on deployment stuffs.
In this article I would like share my experience on using JAMstack. I would also invite to share yours experience with JAMstack.
JAMstack
JAMstack is on its way to become future of modern static Web development. JAMstack is ecosystem of web application development provides Modern Techniques for Ultra Fast Sites and Web Applications.
Have you ever tried JAMstack ?
I would like to tell you that JAM Is nothing the but set of tools and techniques offered by Mathias Biilman, the CEO and co-founder of Netlify.
JAMstack is abbreviation of first letter of JavaScript, APIs and Markups. The JAMstack brings together JavaScript, APIs, and markup, the three core components used to create sites that are both fast and highly dynamic.
JavaScript, often abbreviated as JS, is an interpreted programming language that conforms to the ECMAScript specification. JavaScript is high-level, often just-in-time compiled, and multi-paradigm
AAPIs: All server-side functions or database actions are abstracted into reusable APIs, accessed over HTTPS with JS. Be it SaaS, Third-party services or custom-built.
Markup: Templated markup should be prebuilt at build time, usually using a site generator for content sites, or a build tool for web apps.
JAMstack is not about specific technologies or tools. It is a new way of building static websites and apps that offers fast performance, higher security, cheaper and easy scaling, and a better developer experience.
JAMstack sites are well suited to meet the demand‐ ing requirements of now of the day’s web and mobile app where load times urgently matter and quality bandwidth can never be guaranteed.
Why JAMstack ?
Instead of rendering content on server JAMstack uses content served by CDN which preached and optimised for better delivery. This where the whole power of pre-rendering can be leveraged from the latest development in CDN. This is typical not available on the websites build using Wordpress or any other framework. Because in that case performance is dictated by the speed of rendering of Wordpress engine or say similar one.
What I did?
I tried pretty simple thing as described below.
- Created static website using flutter available on here Live URL as we all know because flutter web is still on beta release at this point in time. I was not able to host the website, accordingly I used GitHub.
- Say I want to update few content on the this website. Typically, I have to create new build with updated content, got hosting provider’s control panel and deploy the build on server. This is how it works currently. But what JAMstack promises you are free from all of above.
Do you want to know exactly the step & how to integrated in our project than wait for next post I will do and share it with you. Stay tuned.
Useful Resources:
- JAMstack
- JAMstack WTF
- How to Build a JAMstack Website
- What is JAMstack and why you should try it
- A JAMstack-ready CMS
- JAMstack for Clients: On Benefits & Static Site CMS
Thanks for reading :)
I would love to hear your take away on JAMstack. Do you agree that JAM is the future of Web? Please comment.
